<template>
  <div class="couter-getter">
    <h2>CouterGetter view</h2>
    <h2>double: {{ counterStore.doubleCounter }}</h2>
    <h2>doubleCounterOne: {{ counterStore.doubleCounterOne }}</h2>
    <h2>findFriendById: {{ counterStore.findFriendById(100) }}</h2>
    <h2>showMessage: {{ counterStore.showMessage }}</h2>
  </div>
</template>

<script setup>
  import useCounter from '@/stores/counter'
  const counterStore = useCounter()
</script>

<style scoped></style>
